<ion-view hide-nav-bar="true">
<div class="nav-bar-block" nav-bar="active">
		<!-- 搜索框-->
		<ion-header-bar class="bar-assertive bar bar-header  item-input-inset" align-title="center" style="padding-right:5px;">

				<ionic-city-picker options='vm.CityPickData' style="width:32px;text-align:left;margin-top: 5px;"></ionic-city-picker>&nbsp;<i class=" icon ion-arrow-right-b" style=" color: #AAAAAA; font-size:15px;margin-left: 3px;margin-top: 13px;transform:rotate(40deg);-ms-transform:rotate(40deg); -webkit-transform:rotate(40deg); ">  </i> &nbsp;&nbsp;
			<span class="item-input-wrapper" style="min-height: 30px;">
			    <i ng-click="search(condition.condition)" class="icon ion-ios-search placeholder-icon"></i>
			    <input type="search" placeholder="以姓名/电话/身份证号搜索" ng-model="condition.condition" ng-change="changSearchBtn()">
			</span>
			<button ng-click="goPublish()" class="button button-positive" style="border: none;line-height:12px" >违约发布</button>
		</ion-header-bar>
 </div>
	<ion-content style="background-color:#f5f5f5;" >	
		<style type="text/css">
			.blue {
				border-bottom: 1px solid #79CF86
			}
		</style>
<!--		<div style="height: 10px;">
				
		</div>-->
		<!--  数据列表 -->
		<div class="row" style="border-bottom: 1px solid #eaeaea;padding-bottom:0;border-top: 1px solid #eaeaea;padding-bottom:0;background-color: #FFFFFF;">
			<!-- 当sort=1时会给，他添加上个class名为blue的样式 -->
			<div class="col " style="text-align: center;" ng-class="{1: 'blue'}[num]"  ng-click="breaksSort(1,condition.condition)">
				<div style="width:80px;margin: 0 auto;">
					<!-- 当选重该列表时字体不变色-->
					<div style="width: 80px;height: 20px;font-size:14px;line-height:20px;text-align: center;" ng-if="num!=1">网友曝光</div>
					<!-- 当选重该列表时字体变为蓝色-->
					<div style="width: 80px;height: 20px;font-size:14px;line-height:20px;text-align: center;color:#79CF86;" ng-if="num==1">网友曝光</div>
				</div>
			</div>
			<div class="col" style="text-align: center;" ng-class="{2: 'blue'}[num]" ng-click="breaksSort(2,condition.condition,4)">
				<div style="width:80px;margin: 0 auto;">
					<div style="width: 80px;height: 20px;font-size:14px;line-height:20px;text-align: center;" ng-if="num!=2">权威发布</div>
					<div style="width: 80px;height: 20px;font-size:14px;line-height:20px;text-align: center;color:#79CF86;" ng-if="num==2">权威发布</div>
				</div>
			</div>
<!--			<div class="col" style="text-align: center;" ng-class="{3: 'blue'}[num]" ng-click="breaksSort(3,3)">
				<div style="width:80px;margin: 0 auto;">
					<div style="width: 80px;height: 20px;font-size:14px;line-height:20px;text-align: center;" ng-if="num!=3">失信联系人</div>
					<div style="width: 80px;height: 20px;font-size:14px;line-height:20px;text-align: center;color:#79CF86;" ng-if="num==3">失信联系人</div>
				</div>
			</div>-->
		</div>
		<div ng-if="noMore" style="text-align: center;">
			 {{mes}}
		</div>
			
		<!-- 网络曝光列表start -->
		<ion-list ng-if="isNetworkCollectRecords" >
			<ion-item  ng-if="isNetworkCollectRecords" class="item-remove-animate item-avatar item-icon-right" ng-repeat="break in netBreaks" type="item-text-wrap" style="border:0px;padding:0;margin: 0;min-height:85px">												
				 <a  class="item item-avatar" style=" border-bottom: 1px solid #eaeaea;height: 5px;clear: left;min-height:85px;"  href="#/tab/black/networkCollectDetail/{{break.id}}">					
							<img ng-src="http://image.credit-manage.com/{{break.photo}}" style="min-height:80px;min-width: 80px; margin-left: -10px; margin-top: -15px; border-radius: 0%;border:none;" ng-if="break.photo!=null&&break.photo!=''">
							<img src="http://www.credit-manage.com/web/image/head.png"  style="margin-top: -10px;border-radius: 0%;border:1px solid #d7d6d6;" ng-if="break.photo==null||break.photo==''">											
							<p style=" margin-left: 20px; margin-top: -11px; width:100%;font-size: 13px;  line-height: 25px;color: #000000;">{{break.title}}</p>							
							<p style=" margin-left: 20px; width:90%;font-size: 12px;  line-height: 25px;">{{break.defaultContent}}</p>											
							<p style="margin-left:  20px; width:100%; font-size: 12px; height:20px; line-height: 25px;">违约人：{{break.name}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{break.createTime | date:'yyyy-MM-dd'}} </p>		
				 </a>
				
			</ion-item>
			<!-- 加载动画 -->
			<ion-infinite-scroll ng-if="noData1"  on-infinite="loadProduces(1)" distance="10%"></ion-infinite-scroll>	
		</ion-list>
			
        <!-- 网络曝光列表end-->

		<!-- 权威发布列表 -->
		<ion-list ng-if="isbreakRecords" >
			<ion-item  ng-if="isbreakRecords" class="item-remove-animate item-avatar item-icon-right" ng-repeat="break in authBreaks" type="item-text-wrap" style="border:0px;padding:0;margin: 0;min-height: 100px;">
					 <a  class="item item-avatar" style="border-bottom: 1px solid #eaeaea;height: 5px;clear: left;  min-height: 100px;"  href="#/tab/black/breakRecordDetail/{{break.blackUserId}}">					
							<img ng-src="http://image.credit-manage.com/{{break.headPic}}" style="min-height:85px;min-width: 70px;margin-left: -10px; margin-top: -8px; border-radius: 0%;border:none;" ng-if="break.headPic!=null&&break.headPic!=''">
							<img src="http://www.credit-manage.com/web/image/head.png"  style="margin-top: -5px;border-radius: 0%;border:1px solid #d7d6d6;" ng-if="break.headPic==null||break.headPic==''">											
								<p style="margin-left: 17px; margin-top: 0px; font-size: 12px;line-height: 13px;">违约人：{{break.name}}</p> 									
							    <p style=" margin-left: 17px; font-size: 12px;  line-height: 13px;">身份证号：{{break.certificateNo}}</p>																		
								<p style=" margin-left: 17px;font-size: 12px; line-height: 13px;">电话号码：{{break.phone ||" 查无数据"}}</p>
								<p style=" margin-left: 17px; font-size: 12px; line-height: 13px;">数据来源：企业发布</p>
								<p style=" margin-left: 17px; font-size: 12px; line-height: 13px;">发布时间：{{break.createTime | date:'yyyy-MM-dd' }}</p>
					 </a>
			</ion-item>
			<!-- 加载动画 -->
			<ion-infinite-scroll ng-if="noData2" on-infinite="loadProduces(2)" distance="10%"></ion-infinite-scroll>
		</ion-list>
	 <!-- 失信联系人   -->
<!--		<ion-list  ng-if="isBreakpromiselink" >
		  <div style="margin-top: 0px;height: 50px;z-index: 10;position: absolute;background-color: #FFFFFF;">
          </div>-->
			  <!-- 失信联系人统计   -->
<!--			<ion-item   ng-if="isBreakpromiselink"  class="item-remove-animate item-avatar item-icon-right"   type="item-text-wrap" style="border:0px;padding:0;margin: 0;">
				<div style="border-top: 0px solid #f8f8f8;border-bottom:background-color: white;width:100%;">                 
					<div style="width: 100%;margin-top: 5px;height:52px;">
						<a ng-click="showMe()" style="text-decoration: none;color: black; display: block;float: left;width: 78%;">
							<div class="row" style="margin-left: 30px;">
								<div class="col-50" style="text-align: left;" >                                  
										<p style="font-size: 15px; line-height: 25px;width: 100%; width:18em;"> 联系人总数：{{allLinkCnt|| 0}}人</p>																		
										<p style="font-size: 15px; line-height: 25px;width: 100%;width:18em;">失信人数：{{linkMan.breakCnt ||0}}人</p>								
								</div>
								<div class="col-50" style="text-align: left;margin-left: 15px;" >							
										<p style="font-size: 15px; line-height: 25px;width: 100%;width:18em;">占比：{{linkMan.percent ||'0%'}}</p>														
										<p style="font-size: 15px; line-height: 25px;width: 100%;width:18em;">您被评为：{{linkMan.isPromis ||'good'}}</p>									
								</div>
							</div>
						</a>
					</div>
					<div style="border-bottom: 1px solid #eaeaea;height: 5px;clear: left;"></div>
				</div>
				<div style="height: 10px;background-color: #F8F8F8;"></div>
			</ion-item>-->
	
			  <!-- 失信联系人列表 -->
<!--			<ion-item   ng-if="true"   class="item-remove-animate item-avatar item-icon-right" ng-repeat="breakPone in breakNamesAndNames" type="item-text-wrap" style="border:0px;padding:0;margin: 0;">
				<div style="border-top: 0px solid #f8f8f8;border-bottom:background-color: white;width:100%;">                 			
						<a ng-click="showMe()" class="item item-avatar" >
									<img src="http://www.credit-manage.com/web/image/head.png" width="50px" style="border-radius: 100%;border:1px solid #d7d6d6;">
								<h2>违约人：{{breakPone.name ||" ****"}}</h2>
							 <p>电话号码：{{breakPone.phone ||" ****"}}</p>												
						</a>	
				</div>
				<div style="height: 10px;background-color: #F8F8F8;"></div>
			</ion-item>
		</ion-list>	-->
	
	</ion-content>

</ion-view>


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        